/*
css全局变量
容器宽高contentWidth,contentHeight
偏移量X Y
触碰点坐标touchX touchY
 */
:root
    --touchX 0px
    --touchY 0px
    --listX 0px
    --listY 0px
    --produceX 0px
    --produceY 0px
    --listBackground ''
    // 普通手机
    @media screen and (min-aspect-ratio: 14 / 9) and (max-aspect-ratio: 18 / 9)
        --X calc(-113 / 1170 * 100vw)
        --Y calc(-52 / 639 * 100vh)
        --contentWidth calc(100vw - var(--X) * 2)
        --contentHeight calc(100vh - var(--Y) * 2)
    // 18:9全面屏
    @media screen and (max-aspect-ratio: 20 / 9) and (min-aspect-ratio: 17 / 9)
        --X 0px
        --Y calc(-52 / 639 * 100vh)
        --contentWidth calc(100vw - var(--X) * 2)
        --contentHeight calc(100vh - var(--Y) * 2)
    // 21:9全面屏
    @media screen and (min-aspect-ratio: 20 / 9) and (max-aspect-ratio: 23 / 9)
        --X 0px
        --Y calc(-52 / 639 * 100vh)
        --contentWidth calc(100vw - var(--X) * 2)
        --contentHeight calc(100vh - var(--Y) * 2)
    // 平板
    @media screen and (min-aspect-ratio: 4 / 3) and (max-aspect-ratio: 14 / 9)
        --X calc(-158 / 1170 * 100vw)
        --Y 0px
        --contentWidth calc(100vw - var(--X) * 2)
        --contentHeight calc(100vh - var(--Y) * 2)
    @media screen and (min-aspect-ratio: 16 / 10) and (max-aspect-ratio: 17 / 10)
        --X calc(-113 / 1170 * 100vw)
        --Y 0px
        --contentWidth calc(100vw - var(--X) * 2)
        --contentHeight calc(100vh - var(--Y) * 2)
/*
   居中函数
   传入值为上下左右居中 带有top的左右居中 带有bottom的左右居中
*/
$center(types = LT, W = 0rem, H = 0rem, TB = 0rem)
    if (WHLT in types)
        width W
        height H
        left 50%
        top 50%
        margin-left unit((-(W / 2)), rem)
        margin-top unit((-(H / 2)), rem)
    if (WHL_B in types)
        width W
        height H
        left 50%
        bottom TB
        margin-left unit((-(W / 2)), rem)
    if (WHL_T in types)
        width W
        height H
        left 50%
        top TB
        margin-left unit((-(W / 2)), rem)
/*
   定位属性函数
   传入值为左上 右上 左下 右下
*/
$coord(types = WHLT, W = 0rem, H = 0rem, LR = 0rem, TB = 0rem)
    if (WHLT in types)
        position absolute
        width W
        height H
        left LR
        top TB
    if (WHRT in types)
        position absolute
        width W
        height H
        right LR
        top TB
    if (WHLB in types)
        position absolute
        width W
        height H
        left LR
        bottom TB
    if (WHRB in types)
        position absolute
        width W
        height H
        right LR
        bottom TB
    if (WHR in types)
        position absolute
        width W
        height H
        right LR
$alignCenter()
    justify-content center
    align-items center
    text-align center
    display flex
$urlTitles = 'https://load/.nomedia/Static-library/'
$urlTitle = 'https://hz-huibenxia.oss-cn-shenzhen.aliyuncs.com/Static-library/'